<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:substituteby="navtempStore::docHead(#{storecenter.name},'首页')">
</head>
<body>
<script type="text/javascript" th:substituteby="demo/store/addCoachleave.js::js"></script>
<style type="text/css">
    html {
        height: 100%
    }

    body {
        height: 100%;
        margin: 0px;
        padding: 0px
    }

    #container {
        height: 750px;
    }

    .myRow {
        margin: 0 auto;
        border-bottom: 1px solid #CCCCCC;
        padding: .5em;
    }

    .but {
        height: 100px;
        margin: 0px auto;
        width: 200px;
    }
</style>
<nav th:replace="navtempStore::nav(#{storecenter.name})"></nav>
<!--<div class="row" style="margin-top: 5em;">-->
    <!--<div class="container-fluid">-->
        <!--<div class="row">-->
            <!--<div class="col-sm-12 col-md-12 main">-->
                <!--<nav class="navbar navbar-default">-->
                    <!--<div class="container-fluid">-->
                        <!--<div class="navbar-header">-->
                            <!--<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"-->
                                    <!--data-target="#bs-example-navbar-collapse-2" aria-expanded="false">-->
                                <!--<span class="sr-only">Toggle navigation</span>-->
                                <!--<span class="icon-bar"></span>-->
                                <!--<span class="icon-bar"></span>-->
                                <!--<span class="icon-bar"></span>-->
                            <!--</button>-->
                            <!--<a class="navbar-brand" href="#">编辑课程：</a>-->
                        <!--</div>-->
                        <!--<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2">-->
                            <!--<a onclick="window.location.href='/demo/store/courses'" class="btn btn-primary navbar-btn">-->
                                <!--<span class="glyphicon glyphicon-plus" aria-hidden="true"></span>-->
                                <!--保存-->
                            <!--</a>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</nav>-->
                <!--<div id="myTabContent" class="tab-content">-->
                    <!--<div class="tab-pane fade in active" id="home">-->

                    <!--</div>-->
                <!--</div>-->
                <!--<div class="row">-->
                    <!--<div class="col-sm-12 col-md-12">-->
                        <!--<ul class="nav nav-tabs">-->
                            <!--<li role="presentation" class="active"><a href="#">已预约会员</a></li>-->
                        <!--</ul>-->
                    <!--</div>-->
                <!--</div>-->
                <!--<div class="table-responsive" style="margin-bottom: .5em;">-->
                    <!--<table class="table table-striped">-->
                        <!--<thead>-->
                        <!--<tr>-->
                            <!--<td>名字</td>-->
                            <!--<td>电话</td>-->
                            <!--<td>微信昵称</td>-->
                        <!--</tr>-->
                        <!--</thead>-->
                        <!--<tbody id="myAddTable">-->
                        <!--<tr id="tr0">-->
                            <!--<td>张三</td>-->
                            <!--<td>18888888888</td>-->
                            <!--<td>zhangsan</td>-->
                            <!--<td><span class="glyphicon glyphicon-trash" onclick="del(0)"-->
                                      <!--style="margin-bottom: .5em;"/></td>-->
                        <!--</tr>-->
                        <!--<tr>-->
                            <!--<td>李四</td>-->
                            <!--<td>18888888888</td>-->
                            <!--<td>lisi</td>-->
                            <!--<td><span class="glyphicon glyphicon-trash" onclick="del(0)"-->
                                      <!--style="margin-bottom: .5em;"/></td>-->
                        <!--</tr>-->
                        <!--</tbody>-->
                    <!--</table>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->
<!--</div>-->






<div class="container" style="margin-top: 5em;">
    <div class="row">
        <div class="col-sm-12 col-md-12">
            <nav class="navbar navbar-default">
                <div class="container-fluid">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                                data-target="#bs-example-navbar-collapse-2" aria-expanded="false">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a class="navbar-brand" href="#">修改课程：</a>
                    </div>
                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2">
                        <a onclick="window.location.href='/demo/store/courses'" class="btn btn-primary navbar-btn">
                            <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
                            保存
                        </a>
                    </div>
                </div>
            </nav>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <ul id="myTab" class="nav nav-tabs">
                <li class="active">
                    <a href="#home" data-toggle="tab">
                        基本信息
                    </a>
                </li>
                <li><a href="#tab2" data-toggle="tab">已报名会员</a></li>
            </ul>
            <div id="myTabContent" class="tab-content">
                <div class="tab-pane fade in active" id="home">
                    <div class="container" style="margin-top: 2em;">
                        <div class="row">
                            <div class="col-sm-12 col-md-6 col-md-offset-3">
                                <div class="input-group" style="margin-bottom: .5em;">
                                    <span class="input-group-addon">&nbsp;教&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;室&nbsp;</span>
                                    <select class="form-control">
                                        <option>教室1</option>
                                        <option>教室2</option>
                                        <option>教室3</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 col-md-6 col-md-offset-3">
                                <div class="input-group" style="margin-bottom: .5em;">
                                    <span class="input-group-addon">&nbsp;教&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;练&nbsp;</span>
                                    <select class="form-control">
                                        <option>张三</option>
                                        <option>李四</option>
                                        <option>王五</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 col-md-3 col-md-offset-3">
                                <div class="input-group" style="margin-bottom: .5em;">
                                    <span class="input-group-addon">最少开课人数</span>
                                    <input name="description" class="form-control" placeholder="教练"
                                           aria-describedby="basic-username" value="5" type="text"/>
                                </div>
                            </div>
                            <div class="col-sm-12 col-md-3">
                                <div class="input-group" style="margin-bottom: .5em;">
                                    <span class="input-group-addon">最多开课人数</span>
                                    <input name="description" class="form-control" value="10" placeholder="开课日期"
                                           aria-describedby="basic-username" type="text"/>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12 col-md-6 col-md-offset-3">
                                <div class="input-group" style="margin-bottom: .5em;">
                                    <span class="input-group-addon">&nbsp;简&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;介&nbsp;</span>
                                    <textarea name="roleName" class="form-control" placeholder="课程简介"
                                              aria-describedby="basic-username" type="text" rows="6"/>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade in" id="tab2">
                    <div class="row" style="margin-top: .5em;">
                        <div class="col-sm-6 col-md-2">
                            <div class="thumbnail">
                                <img th:src="@{/images/placeholder.jpeg}" alt="微信头像"
                                     style="width: 80px;height: 80px;"/>

                                <div class="caption">
                                    <h4>皇上</h4>

                                    <p>性别:男</p>

                                    <p>地区:北京 西城</p>

                                    <p>电话:18888888888</p>

                                    <p>
                                        <button class="btn btn-sm btn-danger cawx" role="button">删除</button>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6 col-md-2">
                            <div class="thumbnail">
                                <img th:src="@{/images/placeholder.jpeg}" alt="微信头像"
                                     style="width: 80px;height: 80px;"/>

                                <div class="caption">
                                    <h4>皇上</h4>

                                    <p>性别:男</p>

                                    <p>地区:北京 西城</p>

                                    <p>电话:18888888888</p>

                                    <p>
                                        <button class="btn btn-sm btn-danger cawx" role="button">删除</button>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6 col-md-2">
                            <div class="thumbnail">
                                <img th:src="@{/images/placeholder.jpeg}" alt="微信头像"
                                     style="width: 80px;height: 80px;"/>

                                <div class="caption">
                                    <h4>皇上</h4>

                                    <p>性别:男</p>

                                    <p>地区:北京 西城</p>

                                    <p>电话:18888888888</p>

                                    <p>
                                        <button class="btn btn-sm btn-danger cawx" role="button">删除</button>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6 col-md-2">
                            <div class="thumbnail">
                                <img th:src="@{/images/placeholder.jpeg}" alt="微信头像"
                                     style="width: 80px;height: 80px;"/>

                                <div class="caption">
                                    <h4>皇上</h4>

                                    <p>性别:男</p>

                                    <p>地区:北京 西城</p>

                                    <p>电话:18888888888</p>

                                    <p>
                                        <button class="btn btn-sm btn-danger cawx" role="button">删除</button>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
